<!doctype html>
{% load static %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
    <link rel="stylesheet" href="{% static 'css/animate.css' %}">
    <link rel="stylesheet" href="{% static 'css/style1.css' %}">
    <link rel="stylesheet" href="{% static 'css/responsive.css' %}">
    <title>长沙文旅大模型</title></head>
<body data-scroll-animation="true">

<div id="preloader"><!-- 加载界面 -->
    <div id="ctn-preloader" class="ctn-preloader">
        <div class="round_spinner">
            <div class="spinner"></div>
            <div class="text"><img src="{% static 'picture/spinner_logo.png' %}" alt=""><h4><span>长沙</span></h4></div>
        </div>
        <h2 class="head">长沙文旅大模型问答系统</h2>
        <p></p>
    </div>
</div><!-- 加载界面结束 -->

<div class="body_wrapper">
    <section class="signup_area signup_area_height">
        <div class="row ml-0 mr-0">
            <div class="sign_left signup_left"><h2>长沙文旅大模型问答系统 - 注册</h2><img
                    class="position-absolute top" src="{% static 'picture/top_ornamate.png' %}" alt="top"><img
                    class="position-absolute bottom" src="{% static 'picture/bottom_ornamate.png' %}" alt="bottom"><img
                    class="position-absolute middle wow fadeInRight" src="{% static 'picture/man_image.png' %}" alt="bottom">
                <div class="round wow zoomIn" data-wow-delay="0.2s"></div>
            </div>
            <div class="sign_right signup_right">
                <div class="sign_inner signup_inner">
                    <div class="text-center"><h3>注册</h3>
                        <p>已经有账户了吗？ <a href="{% url 'user:signin' %}">登录</a></p>
                    </div>
                    <div class="divider"><span class="or-text">or</span></div>
                    <form action="{% url 'user:signup' %}" class="row login_form" method="post">
                        {% csrf_token %}
                        <div class="col-lg-12 form-group">
                            <div class="small_text">用户名</div>
                            <input type="text" class="form-control" name="username" id="name" placeholder="请输入用户名" required></div>
                        <div class="col-lg-12 form-group">
                            <div class="small_text">输入密码</div>
                            <input id="signup-password" name="signup-password" type="password" class="form-control"
                                   placeholder="请输入密码" autocomplete="off" required></div>
                        <div class="col-lg-12 form-group">
                            <div class="small_text">确认密码</div>
                            <input id="confirm-password" name="confirm-password" type="password" class="form-control"
                                   placeholder="再次输入密码" autocomplete="off" required></div>
                        <div class="col-lg-12 form-group" style="color: red;">
                            {% if message %}
                            <span>{{ message }}</span>
                            {% endif %}
                        </div>
                        <div class="col-lg-12 text-center">
                            <button type="submit" class="btn action_btn thm_btn">点击注册</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
<script src="{% static 'js/jquery-3.2.1.min.js' %}"></script>
<script src="{% static 'js/pre-loader.js' %}"></script>
<script src="{% static 'js/popper.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/parallaxie.js' %}"></script>
<script src="{% static 'js/TweenMax.min.js' %}"></script>
<script src="{% static 'js/wow.min.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
</body>
</html>